var btns=document.getElementsByTagName('li');
var cons=document.getElementsByClassName('con');

for(var i=0; i < btns.length; i++){
    btns[i].index=i;//给每个按钮自定义一个index属性

    btns[i].onclick=function(){
        for(var j = 0;j<btns.length;j++){
            btns[j].className=''
        }
        this.className='active';
        //控制con样式
        for(var k=0;k<cons.length;k++){
            cons[k].style.display='none'
        }
        cons[this.index].style.display='block'
    }
}